<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/common/header_changeLi.js"></script>
	<link rel='stylesheet prefetch' href='${pageContext.request.contextPath}/css/common/main_head.css'>
	
	<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css">
	<link rel='stylesheet prefetch' href='${pageContext.request.contextPath}/css/bootstrap/bootstrap.min.css'>
	<link rel='stylesheet prefetch' href='${pageContext.request.contextPath}/css/fabric/fabiclistMain.css'>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/common/jquery-2.0.0.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/common/bootstrap.min.js"></script>
	<title>面料列表</title>
</head>
<body>
	<header>
		<div class="rightTop">
			<ul>
				<li><a href="#">登录</a></li>
				<li class="separator">|</li>
				<li><a href="#">注册</a></li>
				<li class="separator">|</li>
				<li><a href="login.html">个人中心</a></li>
			</ul>
		</div>
		<div class="headermenu">
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="#">作品</a></li>
				<li><a href="#">设计师</a></li>
				<li><a href="#">品牌服装</a></li>
				<li><a href="#">服装企业</a></li>
				<li class="current"><a href="${pageContext.request.contextPath}/fabric/getFabricMain.do">面料</a></li>
				<li><a href="${pageContext.request.contextPath}/provider/providerInfo.do">供应商</a></li>
				<li><a href="${pageContext.request.contextPath}/information/information.do">资讯</a></li>
			</ul>
		</div>
		<div class="search">
			<input type="text" placeholder="我想找···" />
		</div>
	</header>

	
		
		<div class="container list">
			<p class="c_title">位置：<a href="#">FCS</a> >> <a href="#">面料</a> >> 面料列表</p>
			<div class="span12">
				<div class="row-fluid">
					<div class="span3">
						<div class="accordion fabicaccordion" id="accordion-574009">
							<div class="accordion-group">
								<div class="accordion-heading listheading">
									<a class="accordion-toggle collapsed listtoggle" data-toggle="collapse" data-parent="#accordion-574009" href="#accordion-element-364552">面料用途</a>
								</div>
								<div id="accordion-element-364552" class="accordion-body collapse">
									<div class="accordion-inner items">
										<a href="#" style="color:red; font-weight:bold;">全部</a>
										<c:forEach items="${applicationList}" var="application">
										 	<a href="${pageContext.request.contextPath}/fabric/getFabricList.do?code=${application.code}&i=3">${application.value}</a>
										</c:forEach>
									</div>
								</div>
							</div>
							<div class="accordion-group">
								<div class="accordion-heading listheading">
									<a class="accordion-toggle collapsed listtoggle" data-toggle="collapse" data-parent="#accordion-574009" href="#accordion-element-953483">面料工艺</a>
								</div>
								<div id="accordion-element-953483" class="accordion-body collapse">
									<div class="accordion-inner">
										<a href="#" style="color:red; font-weight:bold;">全部</a>
										<c:forEach items="${productionList}" var="production">
											<a href="${pageContext.request.contextPath}/fabric/getFabricList.do?code=${production.code}&i=4">${production.value}</a>
										</c:forEach> 
									</div>
								</div>
							</div>
							<div class="accordion-group">
								<div class="accordion-heading listheading">
									<a class="accordion-toggle collapsed listtoggle" data-toggle="collapse" data-parent="#accordion-574009" href="#accordion-element-364512">面料成分</a>
								</div>
								<div id="accordion-element-364512" class="accordion-body collapse">
									<div class="accordion-inner">
										<a href="#" style="color:red; font-weight:bold;">全部</a>
										<c:forEach items="${componentList}" var="component">
											<c:forEach items="${component.fabricComponents}" var="obj">
												<a href="${pageContext.request.contextPath}/fabric/getFabricList.do?code=${obj.code}&i=1">${obj.name}</a>
											</c:forEach>
										</c:forEach>
									</div>
								</div>
							</div>
							<div class="accordion-group">
								<div class="accordion-heading listheading">
									<a class="accordion-toggle collapsed listtoggle" data-toggle="collapse" data-parent="#accordion-574009" href="#accordion-element-362552">面料织法</a>
								</div>
								<div id="accordion-element-362552" class="accordion-body collapse">
									<div class="accordion-inner">
										<a href="#" style="color:red; font-weight:bold;">全部</a>
										<c:forEach items="${weaveList}" var="weave">
											<c:forEach items="${weave.weaves}" var="obj">
												<a href="${pageContext.request.contextPath}/fabric/getFabricList.do?code=${obj.code}&i=1">${obj.name}</a>
											</c:forEach>
										</c:forEach>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="span9 fabic_Info">
					<c:forEach items="${fabricList}" var="fabricList">
						<div class="row-fluid infoMain">
							<div class="span3">
								<img alt="140x140" src="images/a.jpg" />
							</div>
							<div class="span9">
								<table class="table fabictable">
									<tbody>
										<tr>
											<td>
												面料名称：${fabricList.name}
											</td>
											<td>
											</td>
										</tr>
										<tr>
											<td>
												供应商名称：${fabricList.provider.name}
											</td>
											<td>
											</td>
											<td>
												面料价格：${fabricList.price}
											</td>
											<td>
											</td>
										</tr>
										<tr>
											<td>
												说明：${fabricList.provider.introduction}
											</td>
											<td>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
						</c:forEach>
					</div>
				</div>
			</div>
		</div>


	<footer></footer>
</body>
</html>